<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link rel="stylesheet" href="postpaper.css">
</head>
<body>
<p><a class="return">< 返回</a></p>
<div class="toptop">
    <h4 class="text-center">谷医堂 <br> 电子诊断单</h4>
</div>
<ul class="list-unstyled">
    <li>
        <h5>基本信息</h5>
        <div>
            <span>姓名：<b class="name"></b></span>
            <span>生日：<b class="age"></b></span>
            <span>性别：<b class="sex"></b></span>
            <span>身高：<b class="height"></b></span>
            <span>体重：<b class="weight"></b></span>
            <span>即往病史：<b class="dochis"></b></span>
            <span>过敏史：<b class="medicine"></b></span>
            <span><a class="basicbtn" detailid="123456">查看基本信息采集单>></a></span>
        </div>
    </li>
    <li>
        <h5>系统诊断</h5>
        <div class="assresult">

        </div>
    </li>
    <li>
        <h5>客服总结</h5>
        <div class="serresult">

        </div>
    </li>
    <li>
        <h5>诊断结果</h5>
        <div class="txtresult">
            <textarea rows="5"></textarea>
        </div>
    </li>
    <li>
        <h5>建议用药 <a class="btn choosemed" style="color:#1abb9c"  data-toggle="modal" data-target="#myModal">添加药品</a></h5>
        <div class="medic">
            <span><b>阿莫西林</b> <input type="number" min="1" value="1"><a class="btn">删除</a></span>
            <span><b>阿莫西林</b> <input type="number"><a class="btn">删除</a></span>
        </div>

    </li>

    <li>
        <h5>医生签名</h5>
        <div class="docname">

        </div>
    </li>
    <li style="margin-top: 50px;border-bottom: none" class="check">
        <span><button class="btn savebtn">生成诊断单</button></span>
        <span><button class="btn btn3" data-toggle="modal" data-target="#myModal2">指派给医生</button></span>
        <!--<span><button class="btn btn2">预览</button></span>-->
    </li>
</ul>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" style="margin: 0 auto;width: 80%" role="document">
        <div class="modal-content" style="overflow-x: scroll">
            <div class="modal-header" style="min-width: 650px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h5 class="modal-title" id="myModalLabel">选择药品</h5>
            </div>
            <div class="modal-body" style="min-width: 650px">
                <div style="margin-bottom: 30px">

                    <span style="margin-right: 20px"><input type="text" style="width: 18%;height: 30px" class="p_name" placeholder="药品名"/></span>
                    <span class="text-left" style="margin-right: 20px">
                        <select name="" id="category"style=" width: 18%;height: 30px">
                            <option value="">-产品分类-</option>
                        </select>
                    </span>
                    <span class="text-left" style="margin-right: 20px">
                        <select name="" id="p_store"style=" width: 18%;height: 30px">
                            <option value="">-请选择-</option>
                        </select>
                    </span>
                    <span style="margin-right: 20px">
                        <a type="button" class="btn  search_product" style="width:86px;height: 30px;background: #1ABB9C;color: #fff">搜索</a>
                        <a type="button" class="btn  search_empty" style="width:86px;height: 30px;background: #fff;color: #1ABB9C;border: 1px solid #1ABB9C">重置</a>
                    </span>
                </div>
                <div>
                    <div style="width: 70%;min-height: 600px">
                        <table style="margin-top: 10px;width: 100%" class="text-left p_list">
                            <thead style="background: #f1f1f1">
                                <tr>
                                    <th>药品名称</th>
                                    <th>药品图片</th>
                                    <th>规格</th>
                                    <th>品牌</th>
                                    <th>生产厂家</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody >

                            </tbody>
                        </table>
                        <!-- 等待显示框-->
                        <div class="manage_loding" style="display: none;margin: 0 auto;text-align: center;line-height: 100px">
                            <p>正在加载，请稍候......</p>
                        </div>
                        <div class="manage_empty_msg" style="display: none;margin: 0 auto;text-align: center;line-height: 100px">
                            <p>对不起，没找到您要的信息！</p>
                        </div>
                    </div>
                    <div style="position: absolute;top: 76px;right: 0;width: 29%;margin-left: 2px;">
                        <p style="background:#f1f1f1 ;padding: 10px">已选药品</p>
                        <div class="midmed" style="height:500px;overflow-y: scroll"></div>
                    </div>
                </div>
                    <div>
                        <div style="display: inline-block;width: 70%">
                            <table width="100%" style="margin-top: 50px;" class="table text-left">
                                <tfoot>
                                    <tr>
                                        <td style="padding-top: 11px;">
                                           <a type="button" class="prepage_p btn" >上一页</a>
                                           第 <input type="text" value="1"style="width: 50px;text-align: center;" class="pageindex_p"/> 页
                                           <a type="button" class="search-index_p btn" >跳转</a>
                                           <a type="button" class="nextpage_p btn" >下一页</a>
                                       </td>
                                        <td style="padding-top: 17px;">共 <span class="pagecount_p" style="color: dodgerblue">0</span> 页</td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style="position: absolute;bottom: 50px;right: 0;width: 29%;margin-left: 2px;">
                            <button type="button" class="btn btn-success surecheck"  data-dismiss="modal" style="width: 40%;background: #1ABB9C;color: #fff">确认添加</button>
                            <button type="button" class="btn btn-default del-med"  style="width: 40%;color: #1ABB9C;border: 1px solid #1ABB9C">清  空</button>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
</div>
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
    <div class="modal-dialog" style="margin: 300px auto;" role="document">
        <div class="modal-content">
            <div class="modal-body">
                在线医生： <select  class="doctor_select"></select>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary savedoc" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
<script src="https://xcximg.juseyun.com/assets/js/jquery-1.9.1.min.js"></script>
<script src="https://xcximg.juseyun.com/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
<script src="../common.js"></script>
<script src="postpaper.js"></script>
</body>
</html>